博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端页面给指定的div添加遮罩层,并且带有加载中的小旋转图片
阅读量:5138 次
发布时间:2019-06-13

本文共 354 字,大约阅读时间需要 1 分钟。

话不多说,先上代码,其实还是比较简单的

1 $("
").css({ 2 position:'absolute', 3 top:0, 4 left:0, 5 zIndex:300,6 height:'100%',7 width:'100%'8 }).appendTo('#id');

其中#id就是你要遮罩的div的id,其中用到的加载中图片:

就是这么简单,这里需要注意的事,要进行遮罩的div的样式要这样设置position:relative(切记,否则达不到你想要的效果!)

忘了说了,这里的js代码是基于JQuery写的,要引入JQuery文件哦!

效果图: 

 

转载于:https://www.cnblogs.com/xujingyang/p/7437394.html

你可能感兴趣的文章
C++ main函数的参数
查看>>
Oracle下rman备份和还原到数据库任意一个时间点
查看>>
yeild 理解
查看>>
oracle中如何修改process
查看>>
装饰器模式
查看>>
Saltstack入门
查看>>
parted分区
查看>>
抛出错误
查看>>
Can't play local SWF file in Media Player
查看>>
图片标签img
查看>>
JavaScript语言中文参考手册.chm
查看>>
表哥的Access入门++以Excel视角快速学习数据库知识pdf
查看>>
day29 jq
查看>>
TC 配置插件
查看>>
关于异步reset
查看>>
索引优先队列的工作原理与简易实现
查看>>
SPOJ - DISUBSTR Distinct Substrings (后缀数组)
查看>>
并发编程简介
查看>>
TCP的三次握手(建立连接)和四次挥手(关闭连接)
查看>>
第五次作业(最大公约数,最小公倍数)
查看>>